<literal>
    <style>
        .highchar_div{
            width: 50%;
            height: auto;
            float: left;
        }
    </style>
</literal>
<div class="highchar_div" id="personal_highchrats" ></div>
<script type="text/javascript">
    $(function () {

        var user_id = $('#highChartsUserId').val();
        $.post(
                '__ROOT__/index.php/User/getPersonlData',
                {user_id:user_id},
                function(xhr){
                    if(xhr.status){
                        chart.series[0].setData(xhr.info,true);
                        var title = {
                            text:"个人提交统计",
                            style:{
                                color:"#ff0000"
                            }
                        };
                        chart.setTitle(title);
                    }else{
                        alert(xhr.info);
//                        location.reload();
                    }
                });
        // Radialize the colors
        Highcharts.getOptions().colors = Highcharts.map(Highcharts.getOptions().colors, function (color) {
            return {
                radialGradient: {
                    cx: 0.5,
                    cy: 0.3,
                    r: 0.7
                },
                stops: [
                    [0, color],
                    [1, Highcharts.Color(color).brighten(-0.3).get('rgb')] // darken
                ]
            };
        });

        // Build the chart
        var chart = new Highcharts.Chart({
            chart: {
                renderTo: 'personal_highchrats' ,
                type: 'pie',
                events: {
                    click: function(event) {
                        // do something
                    }
                }
            },
            title: {
                text: ''
            },
            tooltip: {
                pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
            },
            plotOptions: {
                pie: {
                    allowPointSelect: true,
                    cursor: 'pointer',
                    dataLabels: {
                        enabled: true,
                        format: '<b>{point.name}</b>: {point.percentage:.1f} %',
                        style: {
                            color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
                        },
                        connectorColor: 'silver'
                    }
                }
            },
            series: [{
                name: "Brands",
                data: []
            }]
        });
    });
</script>